<template>
  <div class="about">
    <div class="title">关于我们</div>
    <!-- TODO:这里缺文章和接口 -->
    <p class="width-style">
      【首部及导言】 欢迎你使用QQ邮箱服务！
      为使用QQ邮箱服务，你应当阅读并遵守《QQ邮箱服务协议》（以下简称“本协议”）、《腾讯服务协议》、《QQ号码规则》、《腾讯微信软件许可及服务协议》以及专项规则等。请你务必审慎阅读、充分理解各条款内容，特别是免除或限制责任的相应条款，以及开通或使用某项服务的单独协议，并选择接受或不接受。
      除非你已阅读并接受本协议所有条款，否则你无权使用QQ邮箱服务。你对QQ邮箱服务的登录、查看、发布信息等行为即视为你已阅读并同意本协议的约束。
      如果你未满18周岁，请在法定监护人的陪同下阅读本协议，并特别注意未成年人使用条款。
      一、【协议的范围】 1.1 【协议适用主体范围】
      本协议是你与腾讯之间关于使用QQ邮箱服务所订立的协议。 1.2
      【协议关系及冲突条款】
      本协议被视为《腾讯服务协议》、《QQ号码规则》、《腾讯微信软件许可及服务协议》的补充协议，是其不可分割的组成部分，与其构成统一整体。本协议与上述内容存在冲突的，以本协议为准。
      本协议内容同时包括腾讯可能不断发布的关于本服务的相关协议、业务规则等内容。上述内容一经正式发布，即为本协议不可分割的组成部分，你同样应当遵守。
      二、【关于本服务】 2.1 【本服务的内容】
      本服务即QQ邮箱服务是由腾讯公司（以下简称“腾讯”）提供的，包括但不限于@qq.com后缀的邮箱服务、@vip.qq.com后缀的邮箱服务、@foxmail.com后缀的邮箱服务、经QQ邮箱平台申请的以其他域名形式呈现的QQ邮箱服务等几类邮箱服务（以下简称“本服务”）。当用户使用上述QQ邮箱服务时，均受本协议约束，如各类邮箱服务有特殊约定的，同时也受特殊约定的约束。
      2.2 【本服务的形式】 2.2.1
      本服务中用户可通过WEB、QQ、WAP、客户端软件及后台协议（如POP3、IMAP、SMTP、EXCHANGE）等方式访问并使用本服务。
      2.2.2
      用户应当通过腾讯或腾讯授权或认可的方式访问本服务。如果你通过未经腾讯授权或认可的方式访问本服务，腾讯无法保证本服务能够正常使用，并对因此给你造成的损失不予负责。
      变或限制。本服务的软件新版本发布后，旧版本的软件可能无法使用。腾讯不保证旧版本服务的软件继续可用及相应的客户服务，请你随时核对并下载最新版本。
      二、【关于本服务】 2.1 【本服务的内容】
      本服务即QQ邮箱服务是由腾讯公司（以下简称“腾讯”）提供的，包括但不限于@qq.com后缀的邮箱服务、@vip.qq.com后缀的邮箱服务、@foxmail.com后缀的邮箱服务、经QQ邮箱平台申请的以其他域名形式呈现的QQ邮箱服务等几类邮箱服务（以下简称“本服务”）。当用户使用上述QQ邮箱服务时，均受本协议约束，如各类邮箱服务有特殊约定的，同时也受特殊约定的约束。
      2.2 【本服务的形式】 2.2.1
      本服务中用户可通过WEB、QQ、WAP、客户端软件及后台协议（如POP3、IMAP、SMTP、EXCHANGE）等方式访问并使用本服务。
      2.2.2
      用户应当通过腾讯或腾讯授权或认可的方式访问本服务。如果你通过未经腾讯授权或认可的方式访问本服务，腾讯无法保证本服务能够正常使用，并对因此给你造成的损失不予负责。
      变或限制。本服务的软件新版本发布后，旧版本的软件可能无法使用。腾讯不保证旧版本服务的软件继续可用及相应的客户服务，请你随时核对并下载最新版本。
    </p>
  </div>
</template>

<script>
export default {
  layout: "personalCenterLayout",
  async asyncData({ app }) {
    let articleRes = await app.api.reqArticle(505);
    let articleData;
    if (articleRes.code === 200) {
      articleData = articleRes.data;
      articleData.publishTime = renderTime(articleData.publishTime);
    }
    console.log(articleData);
    return {
      articleData,
    };
  },
};
</script>

<style scoped lang="less">
.about {
  .title {
    font-size: 24px;
  }
}
</style>